.window {
	font-family: "Roboto", "Droid Sans", "Tahoma", "Arial", sans-serif;
	color: #fff;
    background: #000;
}
.header {
    color: #fff;
	font-family: "Roboto", "Droid Sans", "Tahoma", "Arial", sans-serif;
	font-weight: bold;
    background: #111;
}
.title, .attempt-count {
    padding-top: 4px;
    padding-bottom: 4px;
}
.attempt-count {
	color: #f70;
    padding-right: 4px;
}
.splits, .split-last {
	font-size: 10pt;
}
.split, .split-last {
	color: #99a;
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
    background: #000;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.split, .split .split-time {
    color: #99a;
}
.current-split {
    color: #fff;
    background: #009;
    border: 0;
    transition: .1s;
}
.split .split-time .done {
    color: #99a;
}
.current-split .split-time {
	color: #fff;
}
.split, .current-split, .split-title, .split-time, .split-delta, .split-last {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.time {
	font-family: "Roboto Black", "Droid Sans", "Tahoma", "Arial", sans-serif;
    font-weight: bold;
    color: #fff;
}

.delta {
    font-family: "Roboto Black";
    background: transparent;
}
.best-split, .footer .previous-segment .best-split {
    animation: blink-split 4s;
    animation-iteration-count: infinite;
    background-color: transparent;
}
@keyframes blink-split {
    0% {
        color: #FFC107;
    }
    50% {
        color: #FFC107;
    }
    75% {
        color: #FFECB3;
    }
    100% {
        color: #FFC107;
    }
}

.timer {
    text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
    color: #4CAF50;
    background: #111;
    transition: .5s;
}
.timer-millis {
    font-size: 12pt;
    padding-bottom: 5px;
    padding-right: 4px;
}
.timer-seconds {
    font-size: 24pt;
}

.losing {
    color: #4CAF50;
    transition: .5s;
}
.behind {
    color: #F44336;
    transition: .5s;
}
.footer {
    color: #555;
}

.split-last {
    color: #99a;
    border-top: 1px solid #fff;
}
.split-last .split-time {
    color: #99a;
}
.footer, .previous-segment-label, .previous-segment, .sum-of-bests-label, .sum-of-bests, .personal-best-label, .personal-best, .world-record-label, .world-record {
    padding-right: 4px;
}
